<template>
  <div class="logo">
    <div class="icon" :style='{backgroundImage: `url(${logo})`}'></div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      loading: false,
      logo: '',
      title: ''
    }
  },
  methods: {
    // initLogoInfo () {
    //   this.loading = true
    //   let url = `/org/property`
    //   this.get(url).then(res => {
    //     if (res.data.code === 200) {
    //       if (res.data.data && res.data.data.title) {
    //         this.title = res.data.data.title
    //       } else {
    //         this.title = 'MedChat基础信息平台'
    //       }
    //       if (res.data.data && res.data.data.logoPath) {
    //         this.logo = res.data.data.logoPath
    //       } else {
    //         this.logo = require('assets/img/artical1.png')
    //       }
    //     } else {
    //       this.title = 'MedChat基础信息平台'
    //       this.logo = require('assets/img/artical1.png')
    //     }
    //     this.loading = false
    //   }).catch(e => {
    //     this.loading = false
    //     this.handleError(e)
    //   })
    // }
  },
  created () {
    // window.eventBus.$on('updateLogoInfo', () => {
    //   this.initLogoInfo()
    // })
    // this.initLogoInfo()
  }
}
</script>

<style lang="stylus" scoped>
  .logo
    background #22242f
    height 80px
    display flex
    flex-direction column
    justify-content center
    align-items center
    .icon
      width 50px
      height 50px
      bgI()
      border-radius 50%
    .name
      color #fff
      font-size 18px
</style>
